.xdialog {
  padding: 30rpx;
  background: #fff;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  border-radius: 8rpx;
  z-index: 101;
  width: 80%;
  margin-top: -300rpx;

  &-wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 20000;
  }
  &-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #000;
    opacity: 0.15;
  }

  &-header {
    font-size: 36rpx;
    padding: 20rpx;
    text-align: center;
    &:empty {
      padding: 0 20rpx;
    }
  }
  &-body {
    padding: 30rpx 20rpx;
  }
  &-footer {
    padding: 20rpx;
    &:empty {
      padding: 0 20rpx;
    }
    &-inner {
      display: flex;
      justify-content: space-between;
      &-button {
        flex: 1;
        margin: 0 10rpx;
        height: 72rpx;
        line-height: 72rpx;
        font-size: 32rpx;
      }
    }
  }
}
